<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>悬红</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/icons-extra.css" rel="stylesheet" />
		<link href="css/uikit.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		<script src="js/mui.min.js"></script>
		<script src="js/jquery.min.js"></script>
		<script src="js/uikit.min.js"></script>
		
	</head>

	<body>
		<style>
			html,
			body {
				height: 100%;
				margin: 0px;
				padding: 0px;
				overflow: hidden;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
			}
			
			.mui-content {
				height: 100%;
				padding: 44px 0px 50px 0px;
				overflow: auto;
			}
		</style>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">奇异果</h1>
		</header>
		<!--sendarea-->
		<footer class="tm-sendarea-wrap">
			<div class="tm-sendarea-footer">
				<div class="mui-table">
					<div class="mui-table-cell imgbtncell">
						<a class="" href="">
							<img src="images/tm-btn-face.png" width="28" height="28" />
						</a>
					</div>
					<div class="mui-table-cell inputcell">
						<textarea class="tm-input-text" rows="1" placeholder="在这说在这说" /></textarea>
					</div>
					<div class="mui-table-cell btncell mui-text-right">
						<a class="mui-btn mui-btn-danger" href="">发送</a>
					</div>

				</div>
			</div>

		</footer>
		<!--/sendarea-->
		<div class="mui-content">
			
			<script src="js/components/sticky.min.js"></script>

			<div class="msg-panel-list-wrap">
				<div class="" data-uk-sticky="{top:44}">
					<!--item-->
					<div class="">
						<div class="mui-table-view line-height-xsmall">
							<div class="mui-table-view-cell mui-media">
								<a href="">
									<div class="mui-table uk-text-xsmall">
										<div class="mui-table-cell uk-text-middle">
											<img class="uk-border-circle mui-pull-left uk-margin-small-right" src="images/avatar-02.jpg" width="36" height="36">
											<div class="mui-media-body">
												<div class="mui-ellipsis">奇异果</div>
												<div class="mui-ellipsis uk-text-mini uk-text-muted">
													<span class="uk-margin-small-right">下单类型：技术开发</span>
													<span>03-10 16:11</span>
												</div>
											</div>
										</div>
										<div class="mui-table-cell uk-text-middle uk-width-1-4 uk-text-right">
											<span class="uk-text-blue uk-text-middle">100元</span>
											<span class="tm-badge tm-badge-blue">全</span>
										</div>
									</div>
									<div class="uk-margin-small-top">
										<div class="uk-text-small uk-margin-mini-bottom">
											求一份临床医学PPT
										</div>
										<div class="mui-ellipsis-2 uk-text-muted uk-text-xmini">
											有关于临床医学的PPT，大概需要30-40页，不要抄袭，有意有意意接 单有意接单有意接单...
										</div>

									</div>
								</a>
							</div>

						</div>
					</div>
					<!--/item-->
				</div>
				<div class="msg-panel-list">
					<div class="tm-time-msg">
						<span class="mui-badge tm-time-badge">21:49</span>
					</div>
					<div class="msg-item-panel">
						<div class="msg-item">
							<div class="msg-item-header">
								<img class="msg-user msg-user-img" src="images/avatar-02.jpg">
							</div>
							<div class="msg-item-body">
								<div class="msg-user-name"><span>奇异果</span></div>
								<div class="msg-content">
									<div class="msg-content-inner">
										今天晚上有一个特别好玩的活动，请问你愿意跟我一起去吗？
									</div>
								</div>
							</div>

						</div>

					</div>

					<div class="msg-item-panel">
						<div class="msg-item msg-item-self">
							<div class="msg-item-header">
								<img class="msg-user msg-user-img" src="images/avatar-03.jpg">
							</div>
							<div class="msg-item-body">
								<div class="msg-user-name"><span>半步多</span></div>
								<div class="msg-content">
									<div class="msg-content-inner">
										肯定去啊
									</div>
								</div>
							</div>

						</div>

					</div>
					<div class="msg-item-panel">
						<div class="msg-item">
							<div class="msg-item-header">
								<img class="msg-user msg-user-img" src="images/avatar-02.jpg">
							</div>
							<div class="msg-item-body">
								<div class="msg-user-name"><span>奇异果</span></div>
								<div class="msg-content">
									<div class="msg-content-inner">
										那我们组队去报名吧
									</div>
								</div>
							</div>

						</div>

					</div>

					<div class="msg-item-panel">
						<div class="msg-item msg-item-self">
							<div class="msg-item-header">
								<img class="msg-user msg-user-img" src="images/avatar-03.jpg">
							</div>
							<div class="msg-item-body">
								<div class="msg-user-name"><span>半步多</span></div>
								<div class="msg-content">
									<div class="msg-content-inner">
										好的嘛
									</div>
								</div>
							</div>

						</div>

					</div>

					<div class="msg-item-panel">
						<div class="msg-item msg-item-self">
							<div class="msg-item-header">
								<img class="msg-user msg-user-img" src="images/avatar-03.jpg">
							</div>
							<div class="msg-item-body">
								<div class="msg-user-name"><span>半步多</span></div>
								<div class="msg-content">
									<div class="msg-content-inner">
										好的嘛
									</div>
								</div>
							</div>

						</div>

					</div>
					<div class="msg-item-panel">
						<div class="msg-item msg-item-self">
							<div class="msg-item-header">
								<img class="msg-user msg-user-img" src="images/avatar-03.jpg">
							</div>
							<div class="msg-item-body">
								<div class="msg-user-name"><span>半步多</span></div>
								<div class="msg-content">
									<div class="msg-content-inner">
										好的嘛
									</div>
								</div>
							</div>

						</div>

					</div>

				</div>

			</div>

		</div>

		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>

	</body>

</html>